{% extends 'layui/edit.html' %}
{% load i18n common %}
{% block form_style %}padding: 20px;{% endblock %}
{% block edit_form %}
    <form class="layui-form data-form" action="" method="post" enctype="multipart/form-data">
        {% csrf_token %}
        {% with adminform.form as f %}
            <div class="layui-form-item">
                {% layui_inline f.username %}
            </div>
            {% if f.password1 %}
                <div class="layui-form-item">
                    {% layui_inline f.password1 %}
                </div>
                <div class="layui-form-item">
                    {% layui_inline f.password2 %}
                </div>
            {% else %}
                <fieldset class="layui-elem-field layui-field-title fieldset-title">
                    <legend>{% trans 'user_createFrom_legendInformation' %}</legend>
                </fieldset>
                <div class="layui-form-item">
                    {% layui_inline f.first_name %}
                    {% layui_inline f.last_name %}
                </div>
                <div class="layui-form-item">
                    {% layui_inline f.email %}
                </div>
                <div class="layui-form-item">
                    {% layui_inline f.fp_count %}
                    <div class="layui-hide">
                        {{ f.fps }}
                        {{ f.fp_type }}
                        {{ f.templates }}
                        {{ f.dur_fps }}
                        {{ f.del_fps }}
                    </div>
                </div>
                <fieldset class="layui-elem-field layui-field-title fieldset-title" style="margin: 0;">
                    <legend>{% trans 'user_createFrom_legendPermission' %}</legend>
                </fieldset>
                <div class="layui-form-item">
                    {% layui_inline f.is_staff %}
                    {% layui_inline f.is_superuser %}
                    {% if 'TEST_USER'|get_settings_param %}
                        {% layui_inline f.is_test %}
                    {% endif %}
                </div>
                <div class="layui-form-item">
                    {% layui_inline f.auth_company %}
                    <span class="color_orange"
                          style="color: #7ac142;float: left;margin: inherit;">{% trans 'user_set_authorized_company' %}</span>
                    {% layui_inline f.auth_dept %}
                    {% layui_inline f.auth_area %}
                </div>
                <div class="layui-form-item">
                    {% layui_inline f.groups %}
                </div>
                <div class="layui-form-item">
                    {% layui_inline f.date_joined %}
                    {% layui_inline f.last_login %}
                </div>
            {% endif %}
            <div class="layui-hide">{% layui_inline f.is_active %}</div>
        {% endwith %}
        {% block add_fields %}
        {% endblock %}
    </form>
    <script>
        layui.use(['form'], function () {
            var form = layui.form;
            $($("label[for^='id_auth_company']")[0]).append('<span class="required">*</span>');
            var switchItem = function (checked) {
                if (checked) {
                    $(".field-auth_dept").css({'pointer-events': 'none', 'color': '#d2d2d2'});
                    $(".field-auth_dept input").css({'color': '#d2d2d2'});
                    $(".field-auth_area").css({'pointer-events': 'none', 'color': '#d2d2d2'});
                    $(".field-auth_area input").css({'color': '#d2d2d2'});
                    $(".field-auth_company").css({'pointer-events': 'none', 'color': '#d2d2d2'});
                    $(".field-auth_company input").css({'color': '#d2d2d2'});
                } else {
                    $(".field-auth_dept").css({'pointer-events': 'all', 'color': '#333'});
                    $(".field-auth_dept input").css({'color': '#333'});
                    $(".field-auth_area").css({'pointer-events': 'all', 'color': '#333'});
                    $(".field-auth_area input").css({'color': '#333'});
                    $(".field-auth_company").css({'pointer-events': 'all', 'color': '#333'});
                    $(".field-auth_company input").css({'color': '#333'});
                }
            };
            form.on('checkbox(is_superuser)', function (data) {
                switchItem(data.elem.checked);
            });
            var is_superuser = $("#id_is_superuser");
            if (is_superuser.get(0)) {
                switchItem(is_superuser.get(0).checked);
            }

            form.on('checkbox(is_staff)', function (data) {
                if (data.elem.checked == false) {
                    layer.alert('{% trans 'user_createFrom_isStaffNoCheckMsg' %}', {
                        title: gettext("layer_title"),
                        icon: 5,
                        btn: gettext("btn_confirm")
                    });
                }
            });
        });
    </script>
    {% block add_contents %}
        <script src="{% static "/js/jquery/jquery.tools.min.js" %}"></script>
        <script src="{% static "/js/jquery/jquery.plus.js" %}"></script>
        <script src="{% static "/js/jquery/jquery.zcommon.js" %}"></script>
        <script src="{% static "/js/baseISSObject.min.js" %}"></script>
        <script src="{% static "/js/baseFPRegister.js" %}"></script>
        <script src="{% static "/js/empFPRegister.js" %}"></script>
      {% endblock %}
{% endblock %}